﻿<%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/Site.Master" CodeBehind="productManagement.aspx.cs" Inherits="Export.Web.Ui.pages.productManagement" %>

<asp:Content ID="Content1" ContentPlaceHolderID="cp_head" runat="server">

    <style type="text/css">
        #fm {
            margin: 0;
            padding: 10px 10px;
        }

        .ftitle {
            font-size: 14px;
            font-weight: bold;
            color: #666;
            padding: 5px 0;
            margin-bottom: 10px;
            border-bottom: 1px solid #ccc;
        }

        .fitem {
            margin-bottom: 5px;
        }

            .fitem label {
                display: inline-block;
                width: 80px;
            }
    </style>
    <script src="/Scripts/datagrid-filter.js"></script>
    <script src="/Scripts/datagrid-detailview.js"></script>
    <script src="/scripts/export/helper.js"></script>
    <script src="/js/jquery.cookie.js"></script>
     <script src="/scripts/export/PercentSpecialManagement.js"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="cp_body" runat="server">
    <div title="จัดการข้อมูล % รายสินค้า" style="padding: 10px;">
        <h2 style="float: left">เพิ่มแก้ไขและลบข้อมูล % รายสินค้า</h2>
        <div class="demo-tip icon-tip" style="float: left;">
            &nbsp;
        </div>
        <div style="clear: both">
        </div>
        <table id="dgProduct" title="เพิ่มแก้ไขและลบข้อมูล % รายสินค้า" class="easyui-datagrid"
            style="width: auto; height: 600px;" toolbar="#toolbarNonHr" 
             rownumbers="true" singleselect="true">
            <thead>
                <tr>
                    <th field="ProductCode" width="150" align="center" sortable="true">รหัสสินค้า
                    </th>
                    <th field="ProductName" width="300" align="center" sortable="true">ชื่อสินค้า
                    </th>
                    <th field="PercentSpecial" width="50" align="center" sortable="true">% พิเศษ
                    </th>
                    <th field="StartDate" width="120" align="center" sortable="true" formatter="formatDate">วันที่เริ่ม
                    </th>
                    <th field="EndDate" width="120" align="center" sortable="true" formatter="formatDate">วันที่สิ้นสุด
                    </th>
                    <th field="Active" width="100" align="center" sortable="true" formatter="formatCheckbox" >Active
                    </th>
                    <th field="Id" width="100" align="center" sortable="true" formatter="formatIsExpire" >IsExpire
                    </th>
                </tr>
            </thead>
        </table>
        <div id="toolbarNonHr">
            <a href="#" class="easyui-linkbutton" iconcls="icon-add" plain="true" onclick="addNonHR()">เพิ่มข้อมูล % พิเศษ</a> <a href="#" class="easyui-linkbutton" iconcls="icon-edit"
                plain="true" onclick="editNonHR()">แก้ไขข้อมูล % พิเศษ</a> <a href="#" class="easyui-linkbutton"
                    iconcls="icon-remove" plain="true" onclick="deleteNonHR()">ลบข้อมูล % พิเศษ</a>
        </div>
        <div id="dlgNonHr" class="easyui-dialog" style="width: 400px; height: 350px; padding: 10px 20px"
            closed="true" buttons="#dlgNonHr-buttons1">
           
            <form id="FormNonHr" method="post" novalidate>
                <div >
                    <label>
                        รหัสสินค้า</label>
                    <input  id="productNo" name="productNo" >
                    <a href="#" id="openSearchPopup" class="easyui-linkbutton" iconcls="icon-search" onclick="openSearchProduct();">ค้นหาสินค้า</a>
                    <label>
                        ชื่อสินค้า</label>
                    <input readonly="readonly" id="productName" name="productName" >
                    
                    <label>
                        % พิเศษ.</label>
                    <input id="specialPercent" name="specialPercent">
                    <label>
                        วันที่เริ่ม.</label>
                    <input id="startdate" name="startdate" class="easyui-datebox" required >
                    <label>
                        วันที่สิ้นสุด.</label>
                    <input id="enddate" name="enddate" class="easyui-datebox" required>
                    <label>
                        Active</label>
                    <input aria-readonly="true" type="checkbox" id="isactive" name="isactive"  >
                </div>
            </form>
        </div>
        <div id="dlgNonHr-buttons1">
            <a href="#" class="easyui-linkbutton" iconcls="icon-ok" onclick="saveProduct();">Save</a>
            <a href="#" class="easyui-linkbutton" iconcls="icon-cancel" onclick="javascript:jQuery('#dlgNonHr').dialog('close');">Cancel</a>
        </div>
        <div id="productSearch" class="easyui-dialog" style="width: 650px; height: 650px; padding: 10px 20px"
            closed="true" buttons="#dlgNonHr-buttons">
            <div>
                <label>
                    รหัสสินค้า</label>
                <input id="searchProductMatNo" >
                <label>
                    ชื่อสินค้าภาษาไทย</label>
                <input id="searchProductNameThai" >
                <label>
                    ชื่อสินค้าภาษาอังกฤษ</label>
                <input id="searchProductNameEng" >
                <div>
                     <a href="#" class="easyui-linkbutton" iconcls="icon-ok" onclick="searchProduct()">ค้นหา</a>
                </div>
            </div>
            <table id="dlgProductSearch" title="ค้นหาสินค้า" class="easyui-datagrid"
                style="width: 600px; height: 600px;"
                rownumbers="true" singleselect="true">
                <thead>
                    <tr>
                        <th field="mmatno" width="150" align="center" sortable="true">รหัสสินค้า
                        </th>
                        <th field="mmatthai" width="200" align="center" sortable="true">ชื่อสินค้า
                        </th>
                        <th field="mmateng" width="200" align="center" sortable="true">ชื่อสินค้า อังกฤษ
                        </th>
                    </tr>
                </thead>
            </table>

        </div>
        <div id="dlgNonHr-buttons">
            <a href="#" class="easyui-linkbutton" iconcls="icon-ok" onclick="selectProduct();">Select</a>
            <a href="#" class="easyui-linkbutton" iconcls="icon-cancel" onclick="javascript:jQuery('#productSearch').dialog('close');">Cancel</a>
        </div>
    </div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="cp_scriptBelow" runat="server">
</asp:Content>
